<template>
  <div> 
    <el-card class="box-card">
      <div class="box-text"> 
        <p> {{author}}</p>
        <p><strong> {{aritcle}} </strong></p>
        <p>{{journal}}</p>
        <p>{{DOI}}</p>
      </div>
    </el-card>
  </div>
</template>

<script>

export default {
  props: {
    author: {type:String,default:""},
    aritcle: {type:String,default:""},
    journal: {type:String,default:""},
    DOI: {type:String,default:""},
  }

}
</script>

<style lang="less" scoped>
  @text-color:#000;

  /deep/.el-card{ border-radius: 10px;margin: 10px 0px;}
  /deep/.el-card__body{ padding: 10px 20px;}
  
  .box-text{ font-size:14px; text-align: left;}

</style>
